<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品购物车</title>
    <link rel="stylesheet" href="style/reset.css">
    <link rel="stylesheet" href="style/shop.css">
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="./swiper-5.4.5/package/css/swiper.min.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3215787_vut0gruwuz9.css">
</head>

<body>
    <!-- 头部导航 -->
    <div class="header_nav">
        <div class="nav_container">
            <a href="./index_default.html"><img src="./images/logo-mi2.png" alt="" style="height: 100%;"></a>
            <h2>我的购物车</h2>
            <p>温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</p>
            <div>
                <a href="./login.html">登录</a>
                <a href="./register.html">注册</a>
            </div>
            <!-- <ul>
                <li><a href="../登录页面/index.html" target="_blank">登录</a><a href="../注册页面/index.html"
                        target="_blank">注册</a></li>
                <li><a href="">帮助中心</a></li>
                <li><a href="">下载APP</a></li>
                <li><a href="">资质证照/协议规则</a></li>
            </ul> -->
        </div>
    </div>
    <!-- 头部中间 -->
    <!-- <div class="header_middle">
        <div class="middle_con">
            <h1><a href="../小米有品子页面/index.html" target=""><img src="images/logo@2x.30cd8c00.png" alt=""></a></h1>
            <li><a href="">有品秒杀</a><a href="">企业采购</a></li>
            <div class="box">
                <i class="iconfont icon-sousuokuang1 i-log"></i><input type="text" placeholder="电视" class="sear">
                <img src="images/QQ截图20220423181044.png" alt="" style="cursor: pointer;">
            </div>
        </div>
    </div> -->
    <!-- 小标题 -->
    <!-- <div class="small-title">
        <li><a href="">首页</a> > <a href="">购物车</a></li>
    </div> -->
    <!-- 购物车 -->
    <div class="main">
        <div class="main-con">
             <div class="main-con-title">
                <input type="checkbox" class="all-choose">
                <span class="all-txt">全选</span>
                <span class="product">商品名称</span>
                <span class="price">单价</span>
                <span class="num">数量</span>
                <span class="total">小计</span>
                <span class="edit">操作</span>
            </div> 
            <div class="main-con-container">
                <!-- <div class="main-con-title title">
                    <input type="checkbox"  class="all-choose">
                    <span class="product">有品精选</span>
                    <span>!满69.00元免运费</span>
                </div> -->
                <div class="container-box">
                    <input type="checkbox" class="radio">
                    <i><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/35b5669b506219fe7252ac5fa9baa1b5.jpg?thumb=1&w=80&h=80&f=webp&q=90" alt=""></i>
                    <p>米家全能扫拖机器人  白色</p>
                    <span>￥3999.00</span>
                    <div class="add">
                        <div class="add-boxs"></div>
                        <strong class="reduce-one">一</strong> 
                        <i class="num-one number">1</i>
                        <strong class="add-one">＋</strong>
                    </div>
                    <h5 class="money-one nowmoney">￥3999</h5>
                    <a href="javascript:;" class="btn" title="删除">X</a>
                </div>
                <div class="container-box">
                    <input type="checkbox" class="radio">
                    <i><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/388b13bf52ab0d6a56bc9f195b5f1dd5.jpg?thumb=1&w=80&h=80&f=webp&q=90" alt=""></i>
                    <p>小米电视ES55 2022款 55英寸   灰色 55英寸</p>
                    <span>￥2599.00</span>
                    <div class="add">
                        <div class="add-boxs1 "></div>
                        <strong class="reduce-two">一</strong>
                        <i class="num-two number">1</i>
                        <strong class="adds-two">＋</strong>
                    </div>
                    <h5 class="money-two nowmoney">￥2599</h5>
                    <a href="javascript:;" class="btn" title="删除">X</a>
                </div>
                <div class="container-box">
                    <input type="checkbox" class="radio">
                    <i><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b8259e8fb355acf168c66f75d375c6af.jpg?thumb=1&w=80&h=80&f=webp&q=90" alt=""></i>
                    <p>Xiaomi Watch S1  曜石黑   黑色氟橡胶表带</p>
                    <span>￥999.00</span>
                    <div class="add">
                        <div class="add-boxs2"></div>
                        <strong class="reduce-three">一</strong>
                        <i class="num-three number">1</i>
                        <strong class="adds-three">＋</strong>
                    </div>
                    <h5 class="money-three nowmoney">￥999</h5>
                    <a href="javascript:;" class="btn" title="删除">X</a>
                </div>
                <div class="container-box">
                    <input type="checkbox" class="radio">
                    <i><img src="./images/ed0541d2337dc4fff6e52c2b7f162fe5.webp" alt="" style="width: 100px;"></i>
                    <p>小米平板5pro 标准版</p>
                    <span>￥2399.00</span>
                    <div class="add">
                        <div class="add-boxs3"></div>
                        <strong class="reduce-four">一</strong>
                        <i class="num-four number">1</i>
                        <strong class="adds-four">＋</strong>
                    </div>
                    <h5 class="money-four nowmoney">￥2399</h5>
                    <a href="javascript:;" class="btn" title="删除">X</a>
                </div> 
            </div>
            <div class="bill bill-nav">
                <div class="bill-left">
                    <!-- <input type="checkbox" class="all-choose all-txt-bill"> -->
                    <!-- <span class="all-txt ">全选</span> -->
                    <a href="">继续购物</a>
                    <li><span>已选择</span><i class="quantity">0件</i></li>
                </div>
                <!-- <p class="again" style="cursor:pointer;color: red;">重新加载</p> -->
                <div class="bill-right">
                    <p><span>合计:</span><i class="results">￥0.00</i>元</p>
                    <a href="javascript:;" class="go-bill">去结算</a>
                </div>
            </div>
            <div class="more" style="margin-top: 60px;">
                <h2>
                    <span>买购物车中商品的人还买了</span>
                </h2>
            </div>
            <ul class="gengduo">
              <li>
                  <img src="//cdn.cnbj1.fds.api.mi-img.com/nr-pub/202205161530_acc36b04e6966fdf0143f8c6b7932a6c.png?thumb=1&w=180&h=180&f=webp&q=90" alt="">
                <div style="margin-bottom: 10px ;">小米智能门锁NFC卡 全球版</div>
                    <div style="margin-bottom: 10px ; color: #ff6700;;">49元</div>
                    <div>313人好评</div>
            </li>
            <li>
                <img src="//cdn.cnbj1.fds.api.mi-img.com/nr-pub/202205161530_acc36b04e6966fdf0143f8c6b7932a6c.png?thumb=1&w=180&h=180&f=webp&q=90" alt="">
              <div style="margin-bottom: 10px ;">小米智能门锁NFC卡 全球版</div>
                  <div style="margin-bottom: 10px ; color: #ff6700;;">49元</div>
                  <div>313人好评</div>
          </li>
          <li>
            <img src="//cdn.cnbj1.fds.api.mi-img.com/nr-pub/202205161530_acc36b04e6966fdf0143f8c6b7932a6c.png?thumb=1&w=180&h=180&f=webp&q=90" alt="">
          <div style="margin-bottom: 10px ;">小米智能门锁NFC卡 全球版</div>
              <div style="margin-bottom: 10px ; color: #ff6700;;">49元</div>
              <div>313人好评</div>
      </li>
      <li>
        <img src="//cdn.cnbj1.fds.api.mi-img.com/nr-pub/202205161530_acc36b04e6966fdf0143f8c6b7932a6c.png?thumb=1&w=180&h=180&f=webp&q=90" alt="">
      <div style="margin-bottom: 10px ;">小米智能门锁NFC卡 全球版</div>
          <div style="margin-bottom: 10px ; color: #ff6700;;">49元</div>
          <div>313人好评</div>
  </li>
              
            </ul>
        </div>
    </div>
    <!-- 页脚 -->
    <div class="foots">
       <div class="afterSale">
        <div class="wrap">
          <div class="service">
            <ul class="list-service">
              <li><a href="javascript:;"><i class="fa fa-wrench"></i>预约维修服务</a></li>
              <li><a href="javascript:;"><i class="fa fa-undo"></i>7天无理由退货</a></li>
              <li><a href="javascript:;"><i class="fa fa-refresh"></i>15天免费换货</a></li>
              <li><a href="javascript:;"><i class="fa fa-gift"></i>满69包邮</a></li>
              <li><a href="javascript:;"><i class="fa fa-map-marker"></i>520余家售后网点</a></li>
            </ul>
          </div>
          <div class="links clearfix">
            <div class="links-left">
              <dl>
                <dt>帮助中心</dt>
                <dd><a href="javascript:;">账户管理</a></dd>
                <dd><a href="javascript:;">购物指南</a></dd>
                <dd><a href="javascript:;">订单操作</a></dd>
              </dl>
              <dl>
                <dt>服务支持</dt>
                <dd><a href="javascript:;">售后政策</a></dd>
                <dd><a href="javascript:;">自助服务</a></dd>
                <dd><a href="javascript:;">相关下载</a></dd>
              </dl>
              <dl>
                <dt>线下门店</dt>
                <dd><a href="javascript:;">小米之家</a></dd>
                <dd><a href="javascript:;">服务网点</a></dd>
                <dd><a href="javascript:;">授权体验店/专区</a></dd>
              </dl>
              <dl>
                <dt>关于小米</dt>
                <dd><a href="javascript:;">了解小米</a></dd>
                <dd><a href="javascript:;">加入小米</a></dd>
                <dd><a href="javascript:;">投资者关系</a></dd>
                <dd><a href="javascript:;">企业社会责任</a></dd>
                <dd><a href="javascript:;">廉洁举报</a></dd>
              </dl>
              <dl>
                <dt>关注我们</dt>
                <dd><a href="javascript:;">新浪微博</a></dd>
                <dd><a href="javascript:;">官方微信</a></dd>
                <dd><a href="javascript:;">联系我们</a></dd>
                <dd><a href="javascript:;">公益基金会</a></dd>
              </dl>
              <dl>
                <dt>特色服务</dt>
                <dd><a href="javascript:;">F码通道</a></dd>
                <dd><a href="javascript:;">礼物码</a></dd>
                <dd><a href="javascript:;">防伪查询</a></dd>
              </dl>
            </div>
            <div class="links-right">
              <h2 class="num">400-100-5678</h2>
              <p class="tim">8:00-18:00  (仅收市话费)</p>
              <p class="ser"><a href="javascript:;"><i class="fa fa-commenting"></i>人工客服</a></p>
              <p class="follow">
                <span class="tim">关注小米：</span>
                <a href="javascript:;"><i class="fa fa-weibo"></i></a>
                <a href="javascript:;"><i class="fa fa-weixin"></i><img class="showMi" src="./images/wx-img.png"></a>
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div style="background-color: #fafafa;;">
        <div class="foots">
            <div class="site-brand clearfix">
                <div class="wrap clearfix">
                  <div class="logo"></div>
                  <div class="brand-text">
                    <p class="sites">小米商城 | MIUI | 米家 | 米聊 | 多看 | 游戏 | 政企服务 | 小米天猫店 | 小米集团隐私政策 | 小米公司儿童信息保护规则 | 小米商城隐私政策 | 小米商城用户协议 | 问题反馈 | Select Location</p>
                    <p class="sites">北京互联网法院法律服务工作站 | 中国消费者协会 | 北京市消费者协会</p>
                    <p>
                      </p><p> © mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号</p>
                      <p>（京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告</p>
                      <p>增值电信业务许可证 网络食品经营备案 京食药网食备202010048   食品经营许可证</p>
                      <p>违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
                    <p></p>
                  </div>
                  <div class="brand-links">
                    <a href="javascript:;"><img src="./images/truste.png"></a>
                    <a href="javascript:;"><img src="./images/v-logo-2.png"></a>
                    <a href="javascript:;"><img src="./images/icon3.png"></a>
                    <a href="javascript:;"><img src="./images/ba10428a4f9495ac310fd0b5e0cf8370.png"></a>
                    <a href="javascript:;"><img src="./images/8db929caaf8cab755ae29640a8214dc6.png"></a>
                  </div>
                </div>
                
                <div class="slogan">探索黑科技，小米为发烧而生</div>
              </div>
        </div>
    </div>
        

   
</body>

</html>
<script src="../swiper-5.4.5/package/js/swiper.min.js"></script>
<script src="js/jquery.js"></script>
<script src="js/shop.js"></script>